//扩大点击区域
const extendClick = () => {
    return `
        position: relative;
        &:before{
            content: "";
            position: absolute;
            top: -10px;
            bottom: -10px;
            left: -10px;
            right: -10px;
        };
    `;
};

//一行文字溢出部分用 ... 代替
const noWrap = () => {
    return `
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;

    `;
};

//导出全局默认样式和字体大小
export default {
    'theme-color': '#d44439',
    'theme-color-shadow': 'rgba (212, 68, 57, .5)',
    'font-color-light': '#f1f1f1',
    'font-color-desc': '#2E3030',
    'font-color-desc-v2': '#bba8a8', // 略淡的颜色
    'font-size-ss': '10px',
    'font-size-s': '12px',
    'font-size-m': '14px',
    'font-size-l': '16px',
    'font-size-ll': '18px',
    'border-color': '#e4e4e4',
    'background-color': '#f2f3f4',
    'background-color-shadow': 'rgba (0, 0, 0, 0.3)',
    'highlight-background-color': '#fff',
    extendClick,
    noWrap,
};
